.page-box {
    display: flex;
    justify-content: space-between;

    >div {
        width: 531px;
        height: 948px;
        padding: 25px;
        position: absolute;
        z-index: 1001;
        overflow: hidden;
    }

    .flex-left {
        background: url("../images/layout/left.png") no-repeat 0 0;
        background-size: 100% 100%;
        left: 20px;
    }

    .flex-right {
        background: url("../images/layout/right.png") no-repeat;
        background-size: 100% 100%;
        right: 20px;
    }

    .flex-middle {
        width: 808px;
        height: 355px;
        left: 555px;
        right: 555px;
        bottom: 0;
        padding: 0;
        background: url("../images/layout/middle.png") no-repeat;
        padding: 25px
    }

    .flex-middle-small {
        width: auto;
        height: auto;
        left: 550px;
        right: 550px;
        bottom: 0;
        padding: 0;

        display: flex;
        justify-content: space-around;

        >div {
            width: 398px;
            height: 355px;
            padding: 25px;
            background: url("../images/layout/middle-small.png") no-repeat;
        }
    }
}